<!DOCTYPE html>
<html lang="zxx"> 
<!-- Head -->
<head>

		<title>首页</title>

		<!-- Meta-Tags -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="keywords" content="">
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		
		<link rel="stylesheet" href="__CSS_PATH__mplayer.css">
		<link rel="stylesheet" href="__CSS_PATH__GalMenu.css" />	
		<style type="text/css">
			.ring a:nth-of-type(1) {
				background-image:url("__IMG_PATH__1.jpg");
			}
			.ring a:nth-of-type(2) {
				background-image:url("__IMG_PATH__2.jpg");
			}
			.ring a:nth-of-type(3) {
				background-image:url("__IMG_PATH__3.jpg");
			}
			.ring a:nth-of-type(4) {
				background-image:url("__IMG_PATH__4.jpg");
			}
			.ring a:nth-of-type(5) {
				background-image:url("__IMG_PATH__5.jpg");
			}
			.ring a:nth-of-type(6) {
				background-image:url("./__IMG_PATH__6.jpg");
			}
			.info {
				font-family: "Microsoft Yahei";
				text-align: center;
			}
			.info h1 {
				font-weight: 400;
			}
			.demo{ background: #ffded7; padding: 2em 0;}
			a:hover,a:focus{
				outline: none;
				text-decoration: none;
			}
			.tab .nav-tabs{
				padding-left: 15px;
				border-bottom: 4px solid #692f6c;
			}
			.tab .nav-tabs li a{
				color: #fff;
				padding: 10px 20px;
				margin-right: 10px;
				background: #692f6c;
				text-shadow: 1px 1px 2px #000;
				border: none;
				border-radius: 0;
				opacity: 0.5;
				position: relative;
				transition: all 0.3s ease 0s;
			}
			.tab .nav-tabs li a:hover{
				background: #692f6c;
				opacity: 0.8;
			}
			.tab .nav-tabs li.active a{
				opacity: 1;
			}
			.tab .nav-tabs li.active a,
			.tab .nav-tabs li.active a:hover,
			.tab .nav-tabs li.active a:focus{
				color: #fff;
				background: #692f6c;
				border: none;
				border-radius: 0;
			}
			.tab .nav-tabs li a:before,
			.tab .nav-tabs li a:after{
				content: "";
				border-top: 42px solid transparent;
				position: absolute;
				top: -2px;
			}
			.tab .nav-tabs li a:before{
				border-right: 15px solid #692f6c;
				left: -15px;
			}
			.tab .nav-tabs li a:after{
				border-left: 15px solid #692f6c;
				right: -15px;
			}
			.tab .nav-tabs li a i,
			.tab .nav-tabs li.active a i{
				display: inline-block;
				padding-right: 5px;
				font-size: 15px;
				text-shadow: none;
			}
			.tab .nav-tabs li a span{
				display: inline-block;
				font-size: 14px;
				letter-spacing: -9px;
				opacity: 0;
				transition: all 0.3s ease 0s;
			}
			.tab .nav-tabs li a:hover span,
			.tab .nav-tabs li.active a span{
				letter-spacing: 1px;
				opacity: 1;
				transition: all 0.3s ease 0s;
			}
			.tab .tab-content{
				padding: 30px;
				background: #fff;
				font-size: 16px;
				color: #6c6c6c;
				line-height: 25px;
			}
			.tab .tab-content h3{
				font-size: 24px;
				margin-top: 0;
			}
			@media only screen and (max-width: 479px){
				.tab .nav-tabs li{
					width: 100%;
					margin-bottom: 5px;
					text-align: center;
				}
				.tab .nav-tabs li a span{
					letter-spacing: 1px;
					opacity: 1;
				}
			}
		</style>
		<!-- //Meta-Tags -->
		<script src="__JS_PATH__lanrenzhijia.js"></script>
		<link rel="stylesheet" href="__CSS_PATH__lanren.css" type="text/css">
		<!-- Custom-StyleSheet-Links -->
		<!-- Bootstrap-CSS -->	   
		<link rel="stylesheet" type="text/css" href="__CSS_PATH__jsdaima.css">
		<link rel="stylesheet" type="text/css" href="__CSS_PATH__kefu.css">
		<link rel="stylesheet" href="__CSS_PATH__bootstrap.css"	type="text/css" media="all">
		<!-- Index-Page-CSS -->	   
		<link rel="stylesheet" href="__CSS_PATH__styled.css" type="text/css" media="all">
		<!-- Header-Slider-CSS --> 
		<link rel="stylesheet" href="__CSS_PATH__fluid_dg.css" id="fluid_dg-css" type="text/css" media="all">
		<!-- //Custom-StyleSheet-Links -->

		<!-- Fonts -->
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Noto+Serif:400,700"	   type="text/css" media="all">
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700"	   type="text/css" media="all">
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:100,300,400,500" type="text/css" media="all">
		<!-- //Fonts -->

		<!-- Font-Awesome-File-Links -->
		<!-- CSS --> 
		<link rel="stylesheet" href="__CSS_PATH__font-awesome.css" 		 type="text/css" media="all">
		<!-- TTF --> 
		
		

		<!-- Supportive-Modernizr-JavaScript -->
		<script src="__JS_PATH__modernizr-2.6.2-respond-1.1.0.min.js"></script>

		<!-- Default-JavaScript -->
		
		
		<link rel="stylesheet" href="__CSS_PATH__jquery.fullPage.css">
		<link href="__CSS_PATH__lanrenzhijia.css" type="text/css" rel="stylesheet" />
		<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
		<script src="http://libs.baidu.com/jqueryui/1.8.22/jquery-ui.min.js "></script>
		<script src="__JS_PATH__jquery.fullPage.min.js"></script>
		
		</head>
		<!-- //Head -->
		
		

		<!-- Body -->
<body>

	<!-- Header -->
	<div class="agileheader" id="agileitshome">

		<!-- Navigation -->
		<nav class="navbar navbar-default w3ls navbar-fixed-top">
			<div class="container">
				<div class="navbar-header wthree nav_2">
					<button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand agileinfo" href="/index/index/index"><span>GROOVY</span> APPAREL</a> 
					<ul class="w3header-cart">
						<li class="wthreecartaits"><span class="my-cart-icon"><i class="fa fa-cart-arrow-down" aria-hidden="true"></i><span class="badge badge-notify my-cart-badge"></span></span></li>
					</ul>
				</div>
				<div id="bs-megadropdown-tabs" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						{foreach $menu as $v}
						<li class="dropdown">
							<a href="javascript:;" id="{$v.id} "class="dropdown-toggle  hyper menuss"  data-toggle="dropdown"><span> {$v.name}</span></a>
							<ul class="dropdown-menu aits-w3 multi multi1">
								<div class="row">

									<div class="col-sm-3 w3layouts-nav-agile w3layouts-mens-nav-agileits w3layouts-mens-nav-agileits-1">
										<ul class="multi-column-dropdown" id="me{$v.id}"> 

											<li class="heading">精选</li>
										</ul>
									</div>
									<div class="clearfix"></div>
									<p class="promo">使用优惠码 <span>#CFFGTY56</span> 并购买3000以上的产品 <a href="#">详情</a></p>
								</div>

							</ul>
						</li>
						{/foreach}
			
						<li><a href="product.html"><span> 新品发布</span></a></li>
						<li><a href="index\index\about">关于我们</a></li>
						<!-- 搜素框 -->	
					</ul>
				</div>
			</div>
		</nav>
		
		<!-- 登陆注册 -->
		<div class="agileheader-topbar">
			<div class="container">
				<div class="col-md-6 agileheader-topbar-grid agileheader-topbar-grid1">
					<p>天气<a href="payment.html"></a></p>
				</div>
				<div class="col-md-6 agileheader-topbar-grid agileheader-topbar-grid2">
					<ul>
						{if empty($username)}
						<li><a class="popup-with-zoom-anim" href="#small-dialog1">登录</a></li>
						<li><a class="popup-with-zoom-anim" href="#small-dialog2">注册</a></li>
						{else}
						<li>欢迎你，{$username}</li>
						<li><a href="/index/user/user" style='display:block'>个人中心</a></li>
						<li id="out" name="out"><a href="javascript:;">退出</a></li>
						<!-- <li><a href="stores.html">商店定位器</a></li> -->
						<li><a href="/index/index/faq">常见问题</a></li>
						{/if}
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>

				<!-- Popup-Box -->
				<div id="popup1">
					<div id="small-dialog1" class="mfp-hide agileinfo">
						<div class="pop_up">
							<form action="index/index/loging" method="post" id='log'>
								<h3>登录</h3>
								<input type="text" Name="username" value='' placeholder="Username" required="">
								<input type="password" Name="password" value='' placeholder="Password" required="">
								<span style='color:red;display:none' id='notices'>账号或密码错误</span>
								<ul class="tick w3layouts agileinfo">
									<li>
										<input type="checkbox" id="brand1" value="">
										<label for="brand1"><span></span>记住我</label>
									</li>
									<li>
										<a href="#">忘记密码?</a>
									</li>
								</ul>
								<div class="send-button wthree agileits">
									<input type="submit" value="登录" id='sub'>
								</div>
							</form>
						</div>
					</div>
					<div id="small-dialog2" class="mfp-hide agileinfo">
						<div class="pop_up">
							<form action='index/index/regs' method="post" id="reg">
								<h3>注册</h3>
								<p>点击注册后请到邮箱激活</p>
								<input type="text" id='zname' name="user" placeholder="昵称不能超过15个字符"  /><span style='display:none;color:red'>姓名格式不正确</span>
								<input type="text" id="zemail" name="email" placeholder="邮箱" required="">
								<span style='display:none;color:red'>邮箱格式不正确</span><input type="password" id="zpassword" name="password" placeholder="密码" required="">
								<span style='display:none;color:red'>密码格式不正确</span>
								<div>
									<input type="text" id="zphone"name="yz" placeholder="验证码" required="">
									<div style="width:140px;"><a href=""><img src="{:captcha_src()}" alt="captcha" /><a></div>
								</div>
								<div class="send-button wthree agileits">
									<input type="submit" name = "submit" value="注册"  id='subzc'><span style='color:red;display:none' id='noticed'>账号或密码错误</span>
								</div>
							</form>
						</div>
					</div>
				</div>
				<script type="text/javascript" src="__JS_PATH__ajaxFunc.js"></script>
				<script type="text/javascript">
					$('#zname').blur(function(){
						data = $('#reg').serialize();
						console.log(data);
						$.ajax({
				             type: "POST",
				             url: "/index/index/check1",
				             data,
				             dataType: "json",
				             success: function(data){
				             	console.log(data);
				             	if(data == false){
				             		
				             console.log($("#zname + span").attr('style','display:block;color:red')); 
				             	}else{
				              console.log($("#zname + span").attr('style','display:none;color:red')); 
				             	}
				           
	                      }
	        			 });
					});
					$('#zemail').blur(function(){
						data = $('#reg').serialize();
						
						//console.log(data);
						$.ajax({
				             type: "POST",
				             url: "/index/index/check2",
				             data,
				             dataType: "json",
				             success: function(data){
				              console.log(data) ;
				              if(data == false){
				             		
				             console.log($("#zemail + span").attr('style','display:block;color:red')); 
				             	}else{
				              console.log($("#zemail + span").attr('style','display:none;color:red')); 
				             	}
	                      }
	        			 });
					});
					$('#zpassword').blur(function(){
						data = $('#reg').serialize();
						
						//console.log(data);
						$.ajax({
				             type: "POST",
				             url: "/index/index/check3",
				             data,
				             dataType: "json",
				             success: function(data){
				              console.log(data) ;
				              if(data == false){
				             		
				             console.log($("#zpassword + span").attr('style','display:block;color:red')); 
				             	}else{
				              console.log($("#zpassword + span").attr('style','display:none;color:red')); 
				             	}
	                      }
	        			 });
					});
					$('#zphone').blur(function(){
						data = $('#reg').serialize();
						
						//console.log(data);
						$.ajax({
				             type: "POST",
				             url: "/index/index/check4",
				             data,
				             dataType: "json",
				             success: function(data){
				             // console.log(data) 
	                      }
	        			 });
					});
					//注册验证
					$('#subzc').click(function(){
						data = $('#reg').serialize();
						$.ajax({
				             type: "POST",
				             url: "/index/index/regs",
				             data,
				             dataType: "json",
				             success: function(data){

				            console.log(data)
				              if(data = false){
				              	console.log($("#noticed").attr('style','display:block;color:red')); 
				              }else{
				              	console.log($("#noticed").attr('style','display:none;color:red')); 
				              	window.location.href = '/index/index/index/';
				              }
	                      }
	        			 });
						return false;
					});

					//登录验证

					$('#sub').click(function(){
						data = $('#log').serialize();
						//console.log($('form'));
						$.ajax({
				             type: "POST",
				             url: "/index/index/loging",
				             data,
				             dataType: "json",
				             success: function(data){
				             	console.log(data);
				             	if(data == false){
				             		
				              console.log($("#notices").attr('style','display:block;color:red')); 
				             	}else{
				             		console.log(data);
				              console.log($("#notices").attr('style','display:none;color:red')); 
				              		window.location.href = '/index/index/index';
				             	}
				           
	                      }
	        			 });
						//console.log(data);
						return false;
					});

					//退出
					$('#out').click(function(){
						data = $('#out').val();
						//console.log(data);
						$.ajax({
							methos:"POST",
							url: "/index/index/out",
							data,
							dataType:"json",
							success:function(data){
								console.log(data);
								if(data == true){
									window.location.href = '/index/index/index/';
								}
							}
						})
					})
				</script>				
		</div>
		<!-- 登陆 -->

		<!-- 轮播图 -->
		<div class="w3slideraits">
			<div class="fluid_dg_wrap fluid_dg_emboss pattern_1 fluid_dg_white_skin" id="fluid_dg_wrap_4">
				<div data-thumb="__IMG_PATH__slide-1-small.jpg" data-src="__IMG_PATH__slide-1.jpg"></div>
				<div data-thumb="__IMG_PATH__slide-2-small.jpg" data-src="__IMG_PATH__slide-2.jpg"></div>
				<div data-thumb="__IMG_PATH__slide-3-small.jpg" data-src="__IMG_PATH__slide-3.jpg"></div>
				<div data-thumb="__IMG_PATH__slide-4-small.jpg" data-src="__IMG_PATH__slide-4.jpg"></div>
				<div data-thumb="__IMG_PATH__slide-5-small.jpg" data-src="__IMG_PATH__slide-5.jpg"></div>
			</div>
		</div>
	</div>
	

	<!-- 选项卡页 -->
	<div class="row" style="margin-top:15px">
		<div class="col-md-offset-1 col-md-5">
				<div class="tab" role="tabpanel">
					<!-- Nav tabs -->
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-home"></i><span>国际新闻</span></a></li>
						<li role="presentation"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab"><i class="fa fa-globe"></i><span>商城公告</span></a></li>
						<li role="presentation"><a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-briefcase"></i><span>天气预报</span></a></li>
					</ul>
					<!-- Tab panes -->
					<div class="tab-content tabs">
						<div role="tabpanel" class="tab-pane fade in active" id="Section1">
							<h3>Section 1</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec urna aliquam, ornare eros vel, malesuada lorem. Nullam faucibus lorem at eros consectetur lobortis. Maecenas nec nibh congue, placerat sem id, rutrum velit. Phasellus porta enim at facilisis condimentum. Maecenas pharetra dolor vel elit tempor pellentesque sed sed eros. Aenean vitae mauris tincidunt, imperdiet orci semper, rhoncus ligula. Vivamus scelerisque.</p>
						</div>
						<div role="tabpanel" class="tab-pane fade" id="Section2">
							<h3>Section 2</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec urna aliquam, ornare eros vel, malesuada lorem. Nullam faucibus lorem at eros consectetur lobortis. Maecenas nec nibh congue, placerat sem id, rutrum velit. Phasellus porta enim at facilisis condimentum. Maecenas pharetra dolor vel elit tempor pellentesque sed sed eros. Aenean vitae mauris tincidunt, imperdiet orci semper, rhoncus ligula. Vivamus scelerisque.</p>
						</div>
						<div role="tabpanel" class="tab-pane fade" id="Section3">
							<h3>Section 3</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec urna aliquam, ornare eros vel, malesuada lorem. Nullam faucibus lorem at eros consectetur lobortis. Maecenas nec nibh congue, placerat sem id, rutrum velit. Phasellus porta enim at facilisis condimentum. Maecenas pharetra dolor vel elit tempor pellentesque sed sed eros. Aenean vitae mauris tincidunt, imperdiet orci semper, rhoncus ligula. Vivamus scelerisque.</p>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-5">
			<div >
							<h3>话费充值</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec urna aliquam, ornare eros vel, malesuada lorem. Nullam faucibus lorem at eros consectetur lobortis. Maecenas nec nibh congue, placerat sem id, rutrum velit. Phasellus porta enim at facilisis condimentum. Maecenas pharetra dolor vel elit tempor pellentesque sed sed eros. Aenean vitae mauris tincidunt, imperdiet orci semper, rhoncus ligula. Vivamus scelerisque.</p>
						</div>
			</div>
	</div>
	


	<!-- 购物页 -->
	<div class="wthreehome-latest">
		<div class="container">
			<div class="wthreehome-latest-grids">
				<div class="col-md-6 wthreehome-latest-grid wthreehome-latest-grid1">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="__IMG_PATH__home-latest-1.jpg" alt="Groovy Apparel">
							<figcaption></figcaption>
						</figure>
					</div>
					<h4>DENIM TOPS</h4>
					<h5>还有库存</h5>
					<h6><a href="womens.html">现在去购物</a></h6>
				</div>
				<div class="col-md-6 wthreehome-latest-grid wthreehome-latest-grid2">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="__IMG_PATH__home-latest-2.jpg" alt="Groovy Apparel">
							<figcaption></figcaption>
						</figure>
					</div>
					<h4>LEATHER JACKETS</h4>
					<h5>还有库存</h5>
					<h6><a href="womens.html">现在去购物</a></h6>
				</div>
				<div class="col-md-6 wthreehome-latest-grid wthreehome-latest-grid3">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="__IMG_PATH__home-latest-3.jpg" alt="Groovy Apparel">
							<figcaption></figcaption>
						</figure>
					</div>
					<h4>WATCHES</h4>
					<h5>还有库存</h5>
					<h6><a href="womens_accessories.html">现在去购物</a></h6>
				</div>
				<div class="col-md-6 wthreehome-latest-grid wthreehome-latest-grid4">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="__IMG_PATH__home-latest-4.jpg" alt="Groovy Apparel">
							<figcaption></figcaption>
						</figure>
					</div>
					<h4>BEACH WEAR</h4>
					<h5>还有库存</h5>
					<h6><a href="mens.html">现在去购物</a></h6>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	
	<div class="wthreewinter-coll">
		<div class="container">
			<h1>热呀！ 夏天来了...</h1>
			<p>贝缇丽思，新品上市，为炎热的酷暑带来一丝清凉</p>
			<div class="wthreeshop-a">
				<a href="womens.html">SHOP 夏季系列</a>
			</div>
		</div>
	</div>
	
	<div class="wthreedenim-coll">
		<div class="style-grids">
			<div class="col-md-6 style-grid style-grid-1">
				<img src="__IMG_PATH__style-1.jpg" alt="Groovy Apparel">
				<div class="style-grid-1-text">
					<h3>连衣裙</h3>
					<p>优雅于心 愉悦从容，powerful love,与优雅同行，是女人最美的信仰。如同照进心里的阳光，优雅见于姿态，智慧与灵魂。贝缇丽思相信爱和自由，可以唤起热情。本季新品的连衣裙正是这样的写照！</p>
					<div class="wthreeshop-a">
						<a href="womens.html">贝缇丽思连衣裙系列</a>
					</div>
				</div>
			</div>
			<div class="col-md-6 style-grid style-grid-2">
				<div class="style-image-1">
					<img src="__IMG_PATH__style-2.jpg" alt="Groovy Apparel">
					<div class="style-grid-2-text">
						<h3>材质</h3>
						<p>面料/里料:100%聚酯纤维</p>
					</div>
				</div>
				<div class="style-image-2">
					<img src="__IMG_PATH__style-3.jpg" alt="Groovy Apparel">
					<div class="style-grid-2-text">
						<h3>璀璨的夏  百变的你</h3>
						<p>行走的优雅  低调的性感</p>
					</div>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	
	<div class="aitsclearance-sales">
		<div class="aitsclearance-sales-text">
			<h2>所有清仓商品</h2>
			<h4>买一赠一</h4>
			<h5>50% 的 <small>在选产品<sup>*</sup></small></h5>
			<div class="wthreeshop-a">
				<a href="mens.html">现在去购物</a>
			</div>
		</div>
	</div>
	
	<div class="agileshopping">
		<div class="container">

			<div class="agileshoppinggrids">
				<div class="col-md-6 agileshoppinggrid agileshoppinggrid1">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="__IMG_PATH__mens.jpg" alt="Groovy Apparel">
							<figcaption></figcaption>
						</figure>
					</div>
				</div>
				<div class="col-md-6 agileshoppinggrid agileshoppinggrid2">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="__IMG_PATH__womens.jpg" alt="Groovy Apparel">
							<figcaption></figcaption>
						</figure>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>

			<div class="agileshoppinggrids-bottom">
				<h3>选择最合适你的</h3>
				<p>追求简约 \ 寻求内心平静  寻求日常生活中的方便与舒适 讲究效率\喜欢明确的信息</p>
				<div class="agileshoppinggrids-bottom-grids">
					<div class="col-md-6 agileshoppinggrids-bottom-grid agileshoppinggrids-bottom-grid1">
						<div class="wthreeshop-a">
							<a href="mens.html">女装</a>
						</div>
					</div>
					<div class="col-md-6 agileshoppinggrids-bottom-grid agileshoppinggrids-bottom-grid2">
						<div class="wthreeshop-a">
							<a href="womens.html">男装</a>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>

		</div>
	</div>

	<!--注册新闻 -->
	<div class="agileinfonewsl">

		<h3>注册新闻邮件</h3>
		<p>订阅我们 得到我们的新的风格和趋势，最高级别的访问</p>
		<div class="wthreeshop-a">
			<a class="popup-with-zoom-anim" href="#small-dialog3">订阅</a>
		</div>

			<!-- Popup-Box -->
			<div id="popup2">
				<div id="small-dialog3" class="mfp-hide agileinfo">
					<div class="pop_up">
						<h4>SUBSCRIBE</h4>
						<form action="#" method="post">
							<input class="email aitsw3ls" type="email" placeholder="Email" required="">
							<input type="submit" class="submit" value="SUBSCRIBE">
						</form>
					</div>
				</div>
			</div>
			<!-- //Popup-Box -->

	</div>
	

	<!-- 底部 -->
	<div class="agileinfofooter">
		<div class="agileinfofooter-grids">

			<div class="col-md-4 agileinfofooter-grid agileinfofooter-grid1">
				<ul>
					<li><a href="about.html">ABOUT</a></li>
					<li><a href="mens.html">MEN'S</a></li>
					<li><a href="mens_accessories.html">MEN'S ACCESSORIES</a></li>
					<li><a href="womens.html">WOMEN'S</a></li>
					<li><a href="womens_accessories.html">WOMEN'S ACCESSORIES</a></li>
				</ul>
			</div>

			<div class="col-md-4 agileinfofooter-grid agileinfofooter-grid2">
				<ul>
					<li><a href="stores.html">STORE LOCATOR</a></li>
					<li><a href="faq.html">FAQs</a></li>
					<li><a href="codes.html">CODES</a></li>
					<li><a href="icons.html">ICONS</a></li>
					<li><a href="contact.html">CONTACT</a></li>
				</ul>
			</div>

			<div class="col-md-4 agileinfofooter-grid agileinfofooter-grid3">
				<address>
					<ul>
						<li>40019 Parma Via Modena</li>
						<li>Sant'Agata Bolognese</li>
						<li>BO, Italy</li>
						<li>+1 (734) 123-4567</li>
						<li><a class="mail" href="mailto:mail@example.com">info@example.com</a></li>
					</ul>
				</address>
			</div>
			<div class="clearfix"></div>

		</div>
	</div>
	<!-- //Footer -->

	<!-- Copyright -->
	<div class="w3lscopyrightaits">
		<div class="col-md-8 w3lscopyrightaitsgrid w3lscopyrightaitsgrid1">
			<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
		</div>
		<div class="col-md-4 w3lscopyrightaitsgrid w3lscopyrightaitsgrid2">
			<div class="agilesocialwthree">
				<ul class="social-icons">
					<li><a href="#" class="facebook w3ls" title="Go to Our Facebook Page"><i class="fa w3ls fa-facebook-square" aria-hidden="true"></i></a></li>
					<li><a href="#" class="twitter w3l" title="Go to Our Twitter Account"><i class="fa w3l fa-twitter-square" aria-hidden="true"></i></a></li>
					<li><a href="#" class="googleplus w3" title="Go to Our Google Plus Account"><i class="fa w3 fa-google-plus-square" aria-hidden="true"></i></a></li>
					<li><a href="#" class="instagram wthree" title="Go to Our Instagram Account"><i class="fa wthree fa-instagram" aria-hidden="true"></i></a></li>
					<li><a href="#" class="youtube w3layouts" title="Go to Our Youtube Channel"><i class="fa w3layouts fa-youtube-square" aria-hidden="true"></i></a></li>
				</ul>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
	<!-- //Copyright -->

	<!-- Custom-JavaScript-File-Links -->
	<div class="info">
	
	</div>
	<div class="kefuSystem">
		<div class="kefu-title" id="kefuTitle"><img src="__STATIC_PATH__picture/kf-title.png" /></div>
		<div class="kefu-content" id="kefuContent">
			<ul>
				<li data-value="tel">
					<div class="showImg"><img src="__STATIC_PATH__picture/tel-ico.png" /></div>
					<div class="hideDiv telClass">
						<span>24小时服务热线：<br/>
								<i>400-9300-588</i></span>
					</div>
				</li>
				<li data-value="qq">
					<div class="showImg"><img src="__STATIC_PATH__picture/qq-ico.png" /></div>
					<div class="hideDiv qqKefuClass">
						<div class="kf-head"></div>
						<div class="kf-center">
							<ul>
								<li>
									<a title="合作QQ" target="_blank" class="im" href="http://wpa.qq.com/msgrd?v=3&site=ForAcer&menu=yes&uin=741623760"><img src="__STATIC_PATH__picture/c7f727959433487ca671cfa178b9000f.gif" alt="QQ" style="border:none" align="absmiddle" border="0" /> 合作QQ</a>
								</li>
								<li>
									<a title="合作QQ" target="_blank" class="im" href="http://wpa.qq.com/msgrd?v=3&site=ForAcer&menu=yes&uin=741623760"><img src="__STATIC_PATH__picture/c7f727959433487ca671cfa178b9000f.gif" alt="QQ" style="border:none" align="absmiddle" border="0" /> 合作QQ</a>
								</li>
								<li>
									<a title="合作QQ" target="_blank" class="im" href="http://wpa.qq.com/msgrd?v=3&site=ForAcer&menu=yes&uin=741623760"><img src="__STATIC_PATH__picture/c7f727959433487ca671cfa178b9000f.gif" alt="QQ" style="border:none" align="absmiddle" border="0" /> 合作QQ</a>
								</li>
							</ul>
						</div>
						<div class="kf-bottom">
							<span>合作微信<br/><i>ForAcer</i></span>
						</div>
					</div>
				</li>
				<li data-value="sheji">
					<div class="showImg"><img src="__STATIC_PATH__picture/sj-ico.png" /></div>
					<div class="hideDiv messageClass">
						<div class="messageClassArea">
							<div class="mClassTitle"><span>-一站式集成服务省心省钱-</span></div>
							
						</div>
					</div>
				</li>
				
				<li data-value="ewm">
					<div class="showImg"><img src="__STATIC_PATH__picture/ewm-ico.png" /></div>
					<div class="hideDiv ewmClass">
						<img src="__STATIC_PATH__picture/sj-ewm.png" />
						<img src="__STATIC_PATH__picture/wx-ewm.png" style="margin-top:10px;" />
					</div>
				</li>
				<li data-value="">
					<p id="closeKefu" style="color:#fff;font-size:14px;text-align: center;">收起>></p>
				</li>
			</ul>
		</div>
	</div>


	<div class="GalMenu GalDropDown">
		  <div class="circle" id="gal">
			<div class="ring">
			  <a href="#" title="" class="menuItem">首页</a>
			  <a href="#" title="" class="menuItem">中心</a>
			  <a href="#" title="" class="menuItem">购物车</a>
			  <a href="#" title="" class="menuItem">发布会</a>
			  <a href="#" title="" class="menuItem">订单</a>
			  <a href="#" title="" class="menuItem">留言</a></div>
			<audio id="audio" src="audio/niconiconi.mp3"></audio>
		  </div>
	</div>
	<div id="overlay" style="opacity: 1; cursor: pointer;"></div>
	<script type="text/javascript">
		var items = document.querySelectorAll('.menuItem');
		  for (var i = 0,
		  l = items.length; i < l; i++) {
			items[i].style.left = (50 - 35 * Math.cos( - 0.5 * Math.PI - 2 * (1 / l) * i * Math.PI)).toFixed(4) + "%";
			items[i].style.top = (50 + 35 * Math.sin( - 0.5 * Math.PI - 2 * (1 / l) * i * Math.PI)).toFixed(4) + "%"
		  }
	</script>
  


	<div class="mp">
		<div class="mp-box">
			<img src="__IMG_PATH__mplayer_error.png" alt="music cover" class="mp-cover">
			<div class="mp-info">
				<p class="mp-name">燕归巢</p>
				<p class="mp-singer">许嵩</p>
				<p><span class="mp-time-current">00:00</span>/<span class="mp-time-all">00:00</span></p>
			</div>
			<div class="mp-btn">
				<button class="mp-prev" title="上一首"></button>
				<button class="mp-pause" title="播放"></button>
				<button class="mp-next" title="下一首"></button>
				<button class="mp-mode" title="播放模式"></button>
				<div class="mp-vol">
					<button class="mp-vol-img" title="静音"></button>
					<div class="mp-vol-range" data-range_min="0" data-range_max="100" data-cur_min="80">
						<div class="mp-vol-current"></div>
						<div class="mp-vol-circle"></div>
					</div>
				</div>
			</div>
			<div class="mp-pro">
				<div class="mp-pro-current"></div>
			</div>
			<div class="mp-menu">
				<button class="mp-list-toggle"></button>
				<button class="mp-lrc-toggle" style='color:red'>词</button>
			</div>
		</div>
		<button class="mp-toggle">
			<span class="mp-toggle-img"></span>
		</button>
		<div class="mp-lrc-box">
			<ul class="mp-lrc"></ul>
		</div>
		<button class="mp-lrc-close"></button>
		<div class="mp-list-box">
			<ul class="mp-list-title"></ul>
			<table class="mp-list-table">
				<thead>
					<tr>
						<th>歌名</th>
						<th>歌手</th>
						<th>时长</th>
					</tr>
				</thead>
				<tbody class="mp-list"></tbody>
			</table>
		</div>
	</div>



	<!-- 有机菜单 -->







	<!-- Default-JavaScript -->
	
	<script src="__JS_PATH__modernizr.custom.js"></script>
	<!-- Custom-JavaScript-File-Links -->

	<!-- cart-js -->
	<script src="__JS_PATH__minicart.js"></script>
	<script>
        w3l.render();

        w3l.cart.on('w3agile_checkout', function (evt) {
        	var items, len, i;

        	if (this.subtotal() > 0) {
        		items = this.items();

        		for (i = 0, len = items.length; i < len; i++) { 
        		}
        	}
        });
    </script>  
	<!-- //cart-js --> 
		<!-- Shopping-Cart-JavaScript -->

		<!-- Header-Slider-JavaScript-Files -->
			<script type='text/javascript' src='__JS_PATH__jquery.easing.1.3.js'></script>
			<script type='text/javascript' src='__JS_PATH__fluid_dg.min.js'></script>
			<script>jQuery(document).ready(function(){
					jQuery(function(){
						jQuery('#fluid_dg_wrap_4').fluid_dg({
							height: 'auto',
							loader: 'bar',
							pagination: false,
							thumbnails: true,
							hover: false,
							opacityOnGrid: false,
							imagePath: '',
							time: 4000,
							transPeriod: 2000,
						});
					});
				})
			</script>
		<!-- //Header-Slider-JavaScript-Files -->

		<!-- Dropdown-Menu-JavaScript -->
			<script>
				$(document).ready(function(){
					$(".dropdown").hover(
						function() {
							$('.dropdown-menu', this).stop( true, true ).slideDown("fast");
							$(this).toggleClass('open');
						},
						function() {
							$('.dropdown-menu', this).stop( true, true ).slideUp("fast");
							$(this).toggleClass('open');
						}
					);
				});
			</script>
		<!-- //Dropdown-Menu-JavaScript -->

		<!-- Pricing-Popup-Box-JavaScript -->
			<script src="__JS_PATH__jquery.magnific-popup.js" type="text/javascript"></script>
			<script>
					$(document).ready(function() {
						$('.popup-with-zoom-anim').magnificPopup({
							type: 'inline',
							fixedContentPos: false,
							fixedBgPos: true,
							overflowY: 'auto',
							closeBtnInside: true,
							preloader: false,
							midClick: true,
							removalDelay: 300,
							mainClass: 'my-mfp-zoom-in'
						});
					});
			</script>
		<!-- //Pricing-Popup-Box-JavaScript -->

		<!-- Model-Slider-JavaScript-Files -->
			<script src="__JS_PATH__jquery.film_roll.js"></script>
			<script>
				(function() {
					jQuery(function() {
						this.film_rolls || (this.film_rolls = []);
						this.film_rolls['film_roll_1'] = new FilmRoll({
							container: '#film_roll_1',
							height: 560
						});
						return true;
					});
				}).call(this);
			</script>
		<!-- //Model-Slider-JavaScript-Files -->

	<!-- //Custom-JavaScript-File-Links -->

	<!-- Bootstrap-JavaScript --> 
	<script src="__JS_PATH__bootstrap.js"></script>
	<script src="__JS_PATH__mplayer.js"></script>
	<script src="__JS_PATH__mplayer-list.js"></script>
	<script src="__JS_PATH__mplayer-functions.js"></script>
	<script src="__JS_PATH__jquery.nstSlider.min.js"></script>
	<script>
		var modeText = ['顺序播放','单曲循环','随机播放','列表循环'];
		var player = new MPlayer({
			// 容器选择器名称
			containerSelector: '.mp',
			// 播放列表
			songList: mplayer_song,
			// 专辑图片错误时显示的图片
			defaultImg: '__IMG_PATH__mplayer_error.png',
			// 自动播放
			autoPlay: true,
			// 播放模式(0->顺序播放,1->单曲循环,2->随机播放,3->列表循环(默认))
			playMode:0,
			playList:0,
			playSong:0,
			// 当前歌词距离顶部的距离
			lrcTopPos: 34,
			// 列表模板，用${变量名}$插入模板变量
			listFormat: '<tr><td>${name}$</td><td>${singer}$</td><td>${time}$</td></tr>',
			// 音量滑块改变事件名称
			volSlideEventName:'change',
			// 初始音量
			defaultVolume:80
			}, function () {
			// 绑定事件
			this.on('afterInit', function () {
				//console.log('播放器初始化完成，正在准备播放');
			}).on('beforePlay', function () {
				var $this = this;
				var song = $this.getCurrentSong(true);
				var songName = song.name + ' - ' + song.singer;
				//console.log('即将播放'+songName+'，return false;可以取消播放');
			}).on('timeUpdate', function () {
				var $this = this;
				//console.log('当前歌词：' + $this.getLrc());
			}).on('end', function () {
				var $this = this;
				var song = $this.getCurrentSong(true);
				var songName = song.name + ' - ' + song.singer;
				//console.log(songName+'播放完毕，return false;可以取消播放下一曲');
			}).on('mute', function () {
				var status = this.getIsMuted() ? '已静音' : '未静音';
				//console.log('当前静音状态：' + status);
			}).on('changeMode', function () {
				var $this = this;
				var mode = modeText[$this.getPlayMode()];
				$this.dom.container.find('.mp-mode').attr('title',mode);
				//console.log('播放模式已切换为：' + mode);
			});
			});

			$(document.body).append(player.audio); // 测试用

			setEffects(player);

	</script>

	<script type="text/javascript">
		$(function() {

			$("#xtyqList li").bind("click", function() {
				$(this).addClass("on").siblings("li").removeClass("on");
				var str = $(this).attr("data-value");
				$("#type").val(str);
			});

			$("#kefuTitle").bind("click", function() {
				$(this).fadeOut(300);
				$("#kefuContent").fadeIn(300);
			});

			$("#closeKefu").bind("click", function() {
				$("#kefuContent").fadeOut(300);
				$("#kefuTitle").fadeIn(300);
			});

			$(".kefu-content ul li").hover(function() {
				$(this).find(".hideDiv").show(300);
			}, function() {
				$(this).find(".hideDiv").hide(300);
			});

			$("#subKfMessage").bind("click", function() {
				if($("#kfName").val() == '') {
					alert("请输入你的姓名！");
					return false;
				}

				if($("#kfTel").val() == '') {
					alert("请输入你的电话！");
					return false;
				}

				$.ajax({
					url: 'index.php?c=post&f=setok&module_id=23',
					dataType: 'html',
					type: 'post',
					data: $("#kefuMessage").serialize(),
					success: function(html) {
						if(html != '') {
							alert("留言成功，我们将在2~3个工作日联系你，谢谢你的留言！");
						}
					},
					error: function(html) {
						alert("留言成功，我们将在2~3个工作日联系你，谢谢你的留言！");
					}
				});
			});

			$("#kfProvince").bind("change", function() {
				var str = $(this).val();
				if(str == '') {
					return false;
				}
				var text = $(this).find("option:selected").text();
				$("#kfshengfen").val(text);
				$.ajax({
					url: 'area.php',
					dataType: 'json',
					type: 'post',
					data: {
						'code': str
					},
					success: function(json) {
						if(json != '' && json.code == 200) {
							var html = '<option value="">城市(必选)</option>';
							$.each(json.data, function(index, item) {
								html += '<option value="' + item.CityID + '">' + item.CityName + '</option>';
							});
							$("#kfCity").html(html);
							return false;
						} else {
							alert(json.msg);
							return false;
						}
					},
					error: function(json) {
						return false;
					}
				});
			});

			$("#kfCity").bind("change", function() {
				var str = $(this).val();
				if(str == '') {
					return false;
				}
				var text = $(this).find("option:selected").text();
				$("#kfchengshi").val(text);
			});

			$("#subKfyuyue").bind("click", function() {
				if($("#kfname").val() == '') {
					alert("请输入你的姓名！");
					return false;
				}

				if($("#kftel").val() == '') {
					alert("请输入你的电话！");
					return false;
				}

				if($("#type").val() == '') {
					alert("请勾选系统要求！");
					return false;
				}

				if($("#kfshengfen").val() == '') {
					alert("请选择所在省份！");
					return false;
				}

				if($("#kfchengshi").val() == '') {
					alert("请选择所在城市！");
					return false;
				}

				if($("#kfhuxing").val() == '') {
					alert("请选择你的房屋户型！");
					return false;
				}

				if($("#kfpingfang").val() == '') {
					alert("请输入你的房屋面积！");
					return false;
				}

				$.ajax({
					url: 'index.php?c=post&f=setok&module_id=62',
					dataType: 'json',
					type: 'post',
					data: $("#kefuYuYue").serialize(),
					success: function(json) {
							alert("预约成功，我们将在2~3个工作日联系你，谢谢你的留言！");
							return false;
					},
					error: function(json) {
						alert("预约失败！");
						return false;
					}
				});

			});
		});
	</script> 

	<script type="text/javascript" src="__JS_PATH__GalMenu.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
		$('body').GalMenu({
		  'menu': 'GalDropDown'
		})
	  });
	</script>
</body>
<!-- //Body -->
<script type="text/javascript">
				
				$(".menuss").each(function(){
					$(this).mouseover(function(){
					  asss =$(this).attr('id');
					  $.ajax({
			             type: "POST",
			             url: "/index/index/menued",
			             data:{id:asss},
			             dataType: "json",
			             success: function(data){
			             	
			             	//console.log(data)
			             	str = "<li><a href=/index/shop/mens><i class=fa fa-angle-right aria-hidden=true></i>新品上市</a></li>";
			             	if(data == false){
			             		
			            		
			             	}else{
			            		for(var i in data){
			            			str += "<li class=descc><a href=/index/shop/mens/id/"+data[i].id+"><i class='fa fa-angle-right ' "+ 'id='+data[i].id+" aria-hidden=true></i>"+data[i].name+"</a></li>";
			            		}
			             	}
			          $("#me"+asss).html(str);
                      }
        			 });
					});
				});
				$(".descc").each(function(){
					
					 $(this).mouseover(function(){
					 	alert(1345)
					//   asss =$(this).attr('id');
					//   $.ajax({
			  //            type: "POST",
			  //            url: "/index/index/menued",
			  //            data:{id:asss},
			  //            dataType: "json",
			  //            success: function(data){
			             	
			             	
			  //            	str = "<li><a href=/index/shop/mens><i class=fa fa-angle-right aria-hidden=true></i>新品上市</a></li>";
			  //            	if(data == false){
			             		
			            		
			  //            	}else{
			  //           		for(var i in data){
			  //           			str += "<li><a href=/index/shop/mens/id/"+data[i].id+"><i class='fa fa-angle-right' "+ 'id='+data[i].id+" aria-hidden=true></i>"+data[i].name+"</a></li>";
			  //           		}
			  //            	}
			  //          $("#me"+asss).html(str);
     //                  }
     //    			 });
					 });
				});
</script>
				
		
</html>